@charset "UTF-8";
/*======*/


body{background: #ffffff;}
input,button,select,textarea{outline:none} 
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
} 

@media all{
html, body {font-size: 16px;}
}

@media (min-height: 220px) and (min-width: 140px){
html, body {font-size: 9px;}
}
@media (min-height: 140px) and (min-width: 220px){
html {font-size: 9px;}
}

@media (min-height: 280px) and (min-width: 210px), (min-height: 210px) and (min-width: 280px), (min-height: 280px) and (min-width: 280px){
html, body {font-size: 14px;}
}
@media (min-height: 460px) and (min-width: 300px), (min-height: 300px) and (min-width: 460px){
html, body {font-size: 16px;}
}

@media (min-height: 620px) and (min-width: 340px), (min-height: 340px) and (min-width: 620px){
html, body {font-size: 20px;}
}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1463907790_895725.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1463907790_895725.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1463907790_895725.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1463907790_895725.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1463907790_895725.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fanhui:before { content: "\e601"; }
.icon-yanzhengma:before { content: "\e602"; }
.icon-shouji:before { content: "\e603"; }
.icon-yaochi:before { content: "\e600"; }
.icon-biezhen:before { content: "\e604"; }

header .h-cont{  height: 5rem; line-height: 5rem; position: fixed; width: 100%; z-index: 99; background: #f19601;}
header .h-l{ color: #ffffff; }
header .h-r{ text-align: center; color: #ffffff; font-size:2rem;  height: 5rem; line-height: 5rem;width: 100%; color: #ffffff; }
/*头部占位*/
.h-ocupie{height: 5rem; width: 100%; overflow: hidden;}
.icon-person{ font-size:3rem; position: fixed; top: 0px; left: 1rem;}


/*底部分类*/

.my_ocupie{ height:7.3rem; width:100%; overflow:hidden;}
.home-nav-down {width: 100%; text-align: center; background: #ffffff; position:fixed; bottom:0px; left:0; z-index:9999; height:4em;  border-top:1px solid #d2d2d2;}
.home-nav-down td { border-left: 1px solid #FFFFFF; width: 24.99999%; }
.home-nav-down td.last{border-width: 0px;}
.home-nav-down td a { display: block; color: #666666; font-size:1em; padding:0.6em 0; text-decoration:none;}
.home-nav-down td .iconfont { padding-bottom:0.05em; font-size:1.8em; height: 1em; line-height: 1em; width: 100%; display: block;}
.home-nav-down td a.current { display: block; color: #f19601;  padding:0.5em 0;}


/*内容*/
.my_sort{background: #ffffff; overflow: hidden;}
.my_sort .pos_place img{ width: 100%; display: block; }

.my_sort .area_1{width:100%; overflow: hidden;  }
.my_sort .areaList{width:96%; padding:0 2%;border-bottom:1px solid #d2d2d2; overflow: hidden; height: 5rem; line-height: 5rem;  font-size: 2rem; color: #333333;}
.my_sort .area_1 a{ text-decoration: none;}
.my_sort .out{ width:100%; height: 6rem; padding:0 2%; }
.my_sort .out .time{ width: 60%; height: 6rem; line-height: 6rem; float: left; overflow: hidden;}
.my_sort .out .time i{  font-size: 2rem; color: #ffc74b; font-size: 3rem; }
.my_sort .out .time .s1{  font-size: 2rem; color: #333333; font-size: 1.5rem; }
.my_sort .out .time .s2{  font-size: 2rem; color: #ffc74b; font-size: 1.5rem; }
.my_sort .out .sold{ width: 40%; height: 6rem; line-height: 6.5rem;  float: left; text-align: right; }
.my_sort .out .sold .s1{  font-size: 2rem; color: #333333; font-size: 1.5rem; }
.my_sort .out .sold .s2{  font-size: 2rem; color: #ffc74b; font-size: 1.5rem; }

.my_sort .out2{ width:100%; height: 6rem; line-height: 6rem; padding:0 2%; background: #f19601;  font-size: 1.5rem; color: #ffffff; font-size: 2rem;font-family: "微软雅黑";  text-align: center;}
.my_sort .out3{ width:100%; background: #f4ab34; overflow: hidden; }
.my_sort .out3 .cont {width: 20%; height:7rem; float: left; position: relative; margin-top: 0.5rem;}
.my_sort .out3 .cont .myDate{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0px; z-index: 9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0.0; }
.my_sort .out3 .cont label{ width: 100%; height: 100%; display: block; }
.my_sort .out3 .cont span{ width: 100%; height: 2rem; line-height: 2rem; font-size: 1.5rem; text-align: center; display: block; color: #ffffff;}

.my_sort .out3 .icon{ width: 2.5rem; height: 2.5rem; display: block; margin:  0 auto;}
.my_sort .out3 .disabled{  background: url(../images/ico1.gif) 0 0 no-repeat; background-size:100% 100%;  }
.my_sort .out3 .checked{  background: url(../images/ico2.gif) 0 0 no-repeat; background-size:100% 100%; }
/*.my_sort .out3 .ico{ background: url(../images/ico.gif) 0 0 no-repeat; background-size:100% 100%; }*/
.my_sort .out3 i{ background: url(../images/ico.gif) 0 0 no-repeat; background-size:100% 100%; }
.my_sort .out3 input[type=radio]:checked + label {
 color: #f00
}

.my_sort .out4{ width: 98%; overflow: hidden; margin:0 auto; }
.my_sort .out4 .cont{ width:47%; height: 19rem; overflow: hidden; float: left; margin-top:1rem; margin-left: 2%; position: relative; border-radius: 0.5rem;}
.my_sort .out4  img{  width:100%;  display: block; height: 100%}
.my_sort .out4 .num{ background: url(../images/add.png) 0 0 no-repeat; background-size:100% 100%;  position: relative;  width: 3rem; height: 3rem; position: absolute; bottom: 1rem; right: 1rem; }
.my_sort .out4 .mask{  background: url(../images/ico2.png) 0 0 no-repeat; background-size:100% 100%;  width:11rem; height:3.5rem; overflow:hidden; position:absolute;  top:-3px; right:-6px; }
.my_sort .out4 .add{ width:11rem; height:3.5rem; overflow:hidden; position:absolute;  top:0px; right:0px;}
.my_sort .out4 .left,
.my_sort .out4 .center,
.my_sort .out4 .right{ width:33%; height:3.5rem; overflow:hidden; display: block; float: left;}
.my_sort .out4 .center{ color: #ffffff; height:3.5rem;  line-height:3.5rem; text-align: center; font-size: 2rem; }

.my_sort .ps{ width: 100%; height: 5rem; line-height: 5rem; text-align: center; color: #999999; font-size: 1.5rem; border-bottom: 1px sold #d2d2d2; }
.my_sort .buy{ width: 100%; height: 5rem; background: #f5f5f5; position: fixed;bottom: 0}
.my_sort .txt{ width: 70%; height: 5rem; line-height: 5rem; text-align: center; color: #999999; font-size: 1.5rem; float: left;}
.my_sort .txt1{ float: left; padding-left: 20px; }
.my_sort .txt1 .buyico{ width: 5rem;  height: 5rem; font-size: 4.7rem;  line-height: 5rem; text-align: center; position: relative;}
.my_sort .txt1 .no{  width: 2rem;  height: 2rem; overflow: hidden; color: #ffffff; position: absolute; background: #fa1102;  line-height: 2rem; font-size: 1.5rem; border-radius:2rem; top:0px; right: -3px;}

.my_sort .txt2{ width: 60%; height: 5rem; line-height: 5rem; text-align: center; color: #999999; font-size: 2rem;float: right; padding:0 5px;  }
.my_sort .txt2 .s1{color: #666666;}
.my_sort .txt2 .s2{color: #f32029;}
.my_sort .txt3{ width: 30%; height: 5rem; line-height: 5rem; text-align: center; color: #ffffff; font-size: 2rem; background: #f19601; float: left; }

